<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 绑定事件和事件修饰符 </title>
</head>
<body>
    
</body>
<script>

/*
    methods:{
    //...
    handleBtnClick1(){
        alert(1)
    },
    handleBtnClick2(){
        alert(2)
    },
    },  
    在模板的按钮中可以这样使用这两个方法。
        <button @click="handleBtnClick1(),handleBtnClick2()">增加一位佳丽</button>
*/


/*stop修饰符  在Vue中要停止冒泡是非常简单的，只要加加一个事件修饰符stop就可以了。
   <button @click.stop=" addCountClick()">增加一位佳丽</button>*/


/*修饰符self，意思是只有点击自己的时候才会被执行。 只不过加的位置要在家外层DOM元素的事件上。
*/

/*
prevent修饰符：阻止默然行为的修饰符，这个以前讲过，例如阻止form表单的默认提交行为。（不在重复介绍，如果你还没有掌握，可以复习以前课程）
capture修饰符：改成捕获模式，默认的模式都是冒泡模式，也就是从下到上，但是你用capture后，是从上到下的。
*/


</script>
</html>